head, body
{
	margin: 0;
	padding: 0;
}

body
{
	background-color: #ffffff;
	margin-top: 6px;
	text-align:center;
}

#wrapper
{
	position: relative;
	text-align: center;
	margin: 0px auto;
	padding: 0px;
	border: 0;
	width: 1000px;
	background-color: #ffffff;
}

#container
{
	text-align: center;
	margin: 0 auto;
}

#header
{
	position: relative;
	margin: 0 0 0px 0;
	margin-bottom: 10px;
	background-color: #ffffff;
}

#homelink
{
	position: absolute;
	top: 50px;
	left: 230px;
	text-align: right;
	font-size: 14px;
	color: #fff;
	font-family: Verdana, Arial, Helvetica;
}

#homelink a
{
	margin: 0px;
	color: #fff;
	background-color: #000;
	padding: 6px 8px;
	text-decoration: none;
}

#welcomeMessage
{
	position: absolute;
	top: 75px;
	left: 230px;
}

#welcomeMessage p a { color: #000; }

#side-a
{
	float: left;
	width: 173px;
	padding-left: 5px;
	margin-bottom: 14px;
	margin-right:20px;
	text-align: left;
	
}

#side-b
{
	float: right;
	width: 272px;
}

#content
{
	text-align: left;
	color: #000;
	padding: 0px;
	background-color: #FFFFFF;
	margin-bottom: 10px;
	margin-left:213px;
}

#content.oneColumn { padding:10px;margin-left:10px;}

.specials 
{
	background: #aa3333;
	width: 100%;
}

.specheader
{
	width: 100%;
	background: #ff3333;
	vertical-align: top;
}

.padding
{
	padding: 3px;
}

#footer
{
	clear: both;
	background: transparent;
	padding: 3px 10px;
	border-top: 1px solid #000;
	text-align: right;
}

#footer p
{
	font-size: 10px;
	color: #999;
}

.interior
{
	padding: 3px 3px;
	margin:0;
	font-family: Verdana, Arial, Helvetica;
}

#content.ordersuccess{
	padding:20px;
}

#loginForm
{
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	border:1px solid #000;
	padding:10px;
	float: left;
	width: 400px;
}

#loginForm table
{
	border-collapse: collapse;
	margin-top: 10px;
	
}

label {
	color:#000;
}

.errormsg { color: red; }
a img { border: 1px solid #000; }
a img:hover { border: 1px solid #ff0000; }

div.form-container
{
	padding: 0 10px;
	background-color: #ffffff;
	width: 500px;
}

form br { clear: left; }

/* setting clear on inputs didn't work consistently, so brs added for degrade */
div.form-container form p { margin: 0; }

div.form-container form p.note
{
	margin-left: 170px;
	font-size: 90%;
	color: #333;
}

div.form-container form fieldset
{
	margin: 10px 0;
	padding: 10px;
	border: #DDD 1px solid;
}

div.form-container form legend
{
	font-weight: bold;
	color: #666;
}

div.form-container form fieldset div { padding: 0.25em 0; }

div.form-container label, 
div.form-container span.label
{
	margin-right: 10px;
	padding-right: 10px;
	width: 150px;
	display: block;
	float: left;
	text-align: right;
	position: relative;
}

div.form-container label.error, 
div.form-container span.error { color: #C00; }

div.form-container label em, 
div.form-container span.label em
{
	position: absolute;
	right: 0;
	font-size: 120%;
	font-style: normal;
	color: #C00;
}

div.form-container input.error
{
	border-color: #C00;
	background-color: #FEF;
}

div.form-container input:focus,
div.form-container input.error:focus, 
div.form-container textarea:focus
{
	background-color: #e9f2ff;
	border-color: #cbe1ff;
}

div.form-container div.controlset label, 
div.form-container div.controlset input
{
	display: inline;
	float: none;
}

div.form-container div.controlset div { margin-left: 170px; }
div.form-container div.buttonrow { margin-left: 180px; }

table.itemtable
{
	width: 100%;
	border-collapse: collapse;
}

table.itemtable tr.tableHeader
{
	background-color: black;
	background-image: url(../images/calHeader.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	font-weight: bold;
	color:#fff;
}

table.itemtable tr td
{
	width: 25%;
	padding: 3px;
	font-size: 12px;
	white-space: nowrap;
}
.totalDis{
	font-size:12px;
	font-weight:bold;
	
}

h1, h2, h3, h4, h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#84368a;
}

Green {
	color: #5bad27;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#053040;
}

h1
{
	color: #053040;
	font-size: 18px;
}
.interior h4 { margin:2px 0; }

p { font-size: 12px; }

span.numberdisplay
{
	background-color: #000;
	color: #fff;
	padding: 4px;
}

div.infobar
{
	padding: 0;
	border: 1px solid #000;
}

div.infobar h1
{
	padding: 0;
	margin-left: 8px;
	width: 400px;
}

div.infobar p
{
	padding: 0;
	margin-left: 8px;
}

.displayorder
{
	border-bottom: 1px solid #000;
	padding-bottom: 10px;
}

.displayorder table tr td { padding: 0; }
.displayorder table tr.tableHeader td { padding: 5px; }
div.interior div.imageBlock { float: left; }

div.interior div.displayorder
{
	margin-left: 150px;
	width: 400px;
}

#miniCart
{
	position: absolute;
	top: 50px;
	left: 480px;
	padding: 6px;
	border: 1px solid #ddd;
	background-color: #ffffff;
	text-align: right;
}

#miniCart p
{
	padding: 0;
	margin: 0;
	font-weight: normal;
}

#miniCart p a { color: #000; }

div.infobar a.checkout img
{
	float: right;
	text-decoration: none;
	border: 0;
	margin: 0;
	margin-top:4px;
}

.accordion
{
	list-style-type: none;
	padding: 0;
	margin: 0 0 30px;
	border: 1px solid #17a;
	border-top: none;
	border-left: none;
	width: 600px;
}

.accordion ul
{
	padding: 0;
	margin: 0;
	float: left;
	display: block;
}

.accordion li
{
	background: #fff;
	cursor: pointer;
	list-style-type: none;
	padding: 0;
	margin: 0;
	float: left;
	display: block;
	width: 100%;
}

.accordion li.active>a
{
	background: url('../images/close.gif') no-repeat center right;
	background-color: #4d4d4d;
	color: #fff;
}

.accordion li div
{
	padding: 10px;
	background: #fff;
	display: block;
}

.accordion a.accLink
{
	text-decoration: none;
	border-bottom: 1px solid #4d4d4d;
	font: bold 14px Arial, sans-serif;
	color: #fff;
	padding: 4px 10px;
	display: block;
	cursor: pointer;
	background: url('../images/open.gif') no-repeat center right;
	background-color: #4d4d4d;
}

/* Level 2 */
.accordion li ul li
{
	background: #fff;
	font-size: 0.9em;
}

#content.calendar
{
	text-align: center;
	background-color: #000000;
	width: 980px;
}

#content.calendar img { margin-top: 20px; }

table.calendarTable1, table.calendarTable2, table.calendarTable3
{
	text-align: left;
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, "sans serif";
	border-collapse: collapse;
	border: 1px solid #999999;
	width: 100%;
	table-layout: fixed;
}

table.calendarTableKey
{
	text-align: left;
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, "sans serif";
	border-collapse: collapse;
	border: 1px solid #999999;
	width: 161px;
	table-layout: fixed;
	margin-left: 1px;
}

table.calendarTableKey tr td { padding: 16px; }

table.calendarTable1 tr td.header, table.calendarTable2 tr td.header, table.calendarTable3 tr td.header
{
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	background-color: #aff6e8;
	background-image: url(../images/calHeader.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

table.calendarTable1, table.calendarTable2, table.calendarTable3 { background-color: #000; }
table.calendarTable1 { border: 1px solid #00a6eb; }
table.calendarTable2 { border: 1px solid #98c000; }
table.calendarTable3 { border: 1px solid #f0b415; }
table.calendarTable1 tr, table.calendarTable2 tr, table.calendarTable3 tr { }

table.calendarTable1 tr td, table.calendarTable2 tr td, table.calendarTable3 tr td
{
	padding: 6px;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	vertical-align: top;
	background-color: #F6F6F6;
	
}

table.calendarTable1 tr td.lastCol, table.calendarTable2 tr td.lastCol, table.calendarTable3 tr td.lastCol { border-right: none; }


td.themePromos
{
	background-color: #fff;
	color: 000;
}

td.foodMonthlyPromos p { font-size: 12px; }

td.foodMonthlyPromos p span
{
	font-size: 10px;
	color: #000;
}

.bold { font-weight: bold; }
p.cat1 a, p.cat5 a , .fmp{ color: #f26522; }
p.cat2 a, p.cat6 a , .dsp{ color: #ed0054; }
p.cat3 a, p.cat7 a , .tp{ color: #0c7197; }
p.cat4 a, p.cat8 a { color: #1098ca; }
.nameOfPromotion { color: #000;border-color:#FFFFFF #D9D9D9 #D9D9D9;
border-style:solid;
border-width:1px 1px 1px 0;margin:1px auto; }

.themes p
{
	display: block;
	width: 150px;
	float: left;
}

.themes p span { display: inline; }

#justdeli_newpromos, #CultureCafe_newpromos, #foodhouse_newpromos
{
	width: 600px;
	padding: 10px;
	text-align: center;
	margin-bottom: 10px;
	background-image: url('../images/new_flash.jpg');
	background-repeat: no-repeat;
	background-position: left top;
}

#justdeli_newpromos {
	border:1px solid #00a6eb;
	}
	
#CultureCafe_newpromos {
	border:1px solid #98c000;
	}
	
#foodhouse_newpromos {
	border:1px solid #f0b415;
	}
#justdeli_newpromos img, #CultureCafe_newpromos img, #foodhouse_newpromos img{
	margin:3px;
	padding:3px;
}

#key{
position:relative;
top:0;
left:5px;
text-align:left;
}
#key p{
display:inline;
}

.fmp, .dsp, .tp{font-weight:bold;}
				
				
				